<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../include.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
 <script type="text/javascript">
		$(function(){
			$("#dg").datagrid({    
			    url:"<%=path%>/role/findRoles.do",    
			    columns:[[    
			        {field:'rname',title:'角色',width:100,align:'center'},      
			        {field:'level',title:'等级',width:100,align:'center'},
			        {field:'remark',title:'备注',width:200,align:'center'}       
			    ]],
			    pagination:true,//底部显示分页组件 
			    singleSelect:true,//设置单选 
			    toolbar: [{
					iconCls: 'icon-add',
					text:'添加',
					handler: function(){
						//当点击添加时,让隐藏的对话框弹出
						$("#dd").dialog("open");
					}
				},'-',{
					iconCls: 'icon-edit',
					text:'编辑',
					handler: function(){
						//当点击添加时,让隐藏的对话框弹出
						$("#dd").dialog("open");
					}
				},'-',{
					iconCls: 'icon-ok',
					text:'授权',
					handler: function(){
						//判断有没有选中角色
						var row=$("#dg").datagrid("getSelected"); 
						if(row==null){//没有选中角色
							$.messager.show({
								title:'我的消息',
								msg:"请选择角色!",
								timeout:3000,
								showType:'slide'
							});
						}else{//选中角色
							//将选中角色的id放入隐藏域中,便于做授权
							var id=row.id;
							$("#rid").val(id);
							//加载所有的菜单
							$("#tt").tree({    
							    url:"<%=path%>/menuUtil/treeData2.do?rid="+id,
							    idFiled:'id',
							    textFiled:'text',
							    parentField:'pid',
							    checkbox:true,//加复选框
							    checked:'checked'//设置是否勾选复选框   
							});
							//让已有的权限打勾
							
							  
							$("#dd2").dialog("open");
						
						}
					}
				}]    
			});
			
			/********************************给授权弹出框保存按钮添加点击事件*****************************/
			/********************************给角色授权*****************************/
			$("#saveBtn2").click(function(){
				//获取选中菜单的编号
				var nodes = $("#tt").tree("getChecked", ["checked","indeterminate"]);//包括选中的复选框和不确定的复选框
				var menuNums="";
				var l=nodes.length;//获取到nodes的长度
				
				$(nodes).each(function(i,v){ //遍历所有的菜单
					if(i==(l-1)){
						menuNums+=(v.id);
					}else{
						menuNums+=(v.id+"&");
					}
				});
				alert(menuNums);
				//获取角色的id
				var rid=$("#rid").val();
				
				//传入后台在中间表中进行保存操作
				$.post("<%=path%>/roleMenu/saveRoleMenus.do",{rid:rid,menuNums:menuNums},
				function(data){
				     if(data==true){//添加成功
					    //关闭对话框
					    $("#dd2").dialog("close");
			     		$.messager.show({
							title:'我的消息',
							msg:"授权成功!",
							timeout:3000,
							showType:'slide'
						});
			     	}else{
			     		///添加不成功
			     		$.messager.show({
							title:'我的消息',
							msg:"授权失败!",
							timeout:3000,
							showType:'slide'
						});
			     	}	
				},"json");
				
			});	
			/********************************给授权弹出框保存按钮添加点击事件*****************************/
			/********************************给角色授权*****************************/
			
			
			/********************************给授权弹出框关闭按钮添加点击事件*****************************/
			$("#saveCloseBtn2").click(function(){
				$("#dd2").dialog("close");
			});
			/********************************给授权弹出框关闭按钮添加点击事件*****************************/
			
		});
	</script>
  </head>
  
  <body>
  	 <!-- 加载角色数据 -->
     <table id="dg"></table>  
     
     <!-- 添加角色的对话框 -->
    <div id="dd" class="easyui-dialog" title="添加角色" style="width:310px;height:170px;"   
        data-options="iconCls:'icon-save',resizable:true,modal:true,buttons:'#bb',closed:true">   
    	<form>
    		角色:&nbsp;<input type="text" id="userName" name="userName"/><br/><br/>
    		备注:&nbsp;<input type="text" id="remark" name="remark"/><br/><br/>
    	</form>  
	</div>
	<div id="bb">
		<a id="saveBtn" href="#" class="easyui-linkbutton">保存</a>
		<a id="saveCloseBtn" href="#" class="easyui-linkbutton">关闭</a>
	</div>
	
	 <!-- 分配授权的对话框 -->
	<input type="hidden" id="rid"/>
    <div id="dd2" class="easyui-dialog" title="分配角色" style="width:310px;height:440px;"   
        data-options="iconCls:'icon-save',resizable:true,modal:true,buttons:'#bb2',closed:true">
         <ul id="tt"></ul> 
	</div>
	<div id="bb2">
		<a id="saveBtn2" href="#" class="easyui-linkbutton">保存</a>
		<a id="saveCloseBtn2" href="#" class="easyui-linkbutton">关闭</a>
	</div>
  </body>
</html>
